<template>
    <div class="header">
			<div class="header-hed">
				<img class="header-hed-img" src="../assets/logo/logo.png" />
				<img class="header-hed-yun" src="../assets/logo/logo-yun.png" />
				<Header_Button />
<div class="selec">
		
		<Header_One />
		<Header_Two />
		<Header_Three />
		<Header_Four />
    </div>

	
			</div>
			<!-- <select name="myselect" id="myselect">
    <option value="opt1">选项1</option>
    <option value="opt2">选项2</option>
    <option value="opt3">选项3</option>
</select> -->
	
			</div>
</template>

<script>
import Header_One from './Header_One'
import Header_Two from './Header_Two'
import Header_Three from './Header_Three'
import Header_Four from './Header_Four'
import Header_Button from './Header_Button'

export default {
   components:{
		Header_One,
		Header_Two,
		Header_Three,
		Header_Four,
		Header_Button
   },
  
}
</script>

<style lang="scss" scoped>
	
	.header{
	// height: 135px;
	height: 14.1%;
	background-color: #353535;
	margin-bottom: 15px;
	display: flex;
	width: 100%;
	justify-content: space-between;
	position: relative;
}
.selec{
	
	display: flex;
	position: absolute;
    right: 11%;
    top:56%;
	// height:35%;
	width: 20%;
}
.header-hed{
	width:100%;
}
		.header-hed-img{
		position: absolute;
		top:40%;
		left: 4%;
		width: 15.2%;
		height: 40%;
		}
		.header-hed-yun{
		position: absolute;
		    right: 4%;
         bottom: 0;
		width: 5.3%;
       height: 19%;

		}
</style>

<style lang="scss">

  .el-input--suffix .el-input__inner {
    
	background:#353535;
	border:none;
	color:#e8e8e8;
	font-size:15px;
}
.el-select .el-input .el-select__caret {
	color:#77c03a;
}
.el-select-dropdown{
	background:rgba(54,53,53,0.85);
	
}
.el-select-dropdown__list{
	width:195px;
	height: 120px;
	
}
.el-message-box__wrapper {
    z-index: 99999 !important;
}


//ul下拉框三角形
.el-popper[x-placement^=bottom] .popper__arrow {
    top: -11px;
    left:15px !important ;
    margin-right: 3px;
    border-top-width: 0;
    border-bottom-color: #ebeef5;
	
	
}
.el-popper[x-placement^=bottom] .popper__arrow::after {
    top: 0px;
    margin-left: -10px;
    border-bottom-color:rgba(54, 53, 53,1);
}
.el-popper .popper__arrow::after {
   
    border-width: 10px;
}



.el-select-dropdown:first-child {
    
    margin-top: 76px !important;
}

//下拉徽标
// .el-input__icon {
//     height: 91%;
//     width: 2%;
    
//     line-height: 286%;
// }
.el-input__suffix {
    
    // top: -2%;
}
  </style>
